.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 200px);
  max-width: calc(100% - 30px);
}

.el-dialog .el-dialog__body {
  flex: 1;
  overflow: hidden;
  max-height: 900px;
  overflow-y: auto;
}

/* 固定 Footer 样式 */
.el-dialog__footer {
  flex-shrink: 0;
  padding: 10px;
  border-top: 1px solid #ebeef5;
  // text-align: right;
}

.el-table {
  // min-height: 500px;
  max-height: 80%;
  overflow: hidden;
  overflow-y: auto;
}

.el-pagination {
  display: flex;
  justify-content: end;
}

.el-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* 让 el-card 高度填满屏幕 */
}

.el-card__header {
  // height: 50px !important;
  padding: 0 !important;
}

.el-card .el-card__body {
  flex-grow: 1;
  /* 让 el-card-body 占据剩余空间 */
  overflow: auto;
  /* 确保当内容溢出时，可以滚动 */
  padding: 20px;
  /* 给 body 一些内边距 */
}

.card-header {
  font-size: 18px !important;
  padding: 20px !important;
}

/* 全局定义颜色变量 */
:root {
  --primary-color: #165dff;
  --primary-hover-color: #4080ff;
  --primary-hover-bg-color: #bedaff;
  --primary-active-color: #0e42d2;
  --success-color: #00b42a;
  --warning-color: #ff7d00;
  --danger-color: #f53f3f;
  --text-primary-color: #1d2129;
  --text-regular-color: #4e5969;
  --text-secondary-color: #86909c;
  --text-placeholder-color: #bcc3cc;
  --border-base-color: #e5e6eb;
  --border-light-color: #c9cdd4;
  --border-extra-light-color: #f2f3f5;
  --background-base-color: #f5f7fa;
  --font-gray: #86909c;
  --font-black: #1d2129;
  --font-dark-gray: #4e5969;
  --zyb-rush-color: #f53f3f;
  --zyb-steady-color: #de953f;
  --zyb-guaranteed-color: #56cb3b;
  --border-color: #e5e6eb;
  --menu-hover-bg: #f5f9ff;
}

// 工单状态样式
.workorder-status {
  font-size: 12px;
  margin-top: 30px;
  line-height: 18px;
  white-space: nowrap;
  // 2是已经处理
  &.workorder-status-2 {
    color: #23c343;
  }
  // 0待处理
  &.workorder-status-0 {
    color: #095017;
  }
  // 3:已驳回
  &.workorder-status-3 {
    color: #f53f3f;
  }
}
